<!--  -->
<template>
  <div id="app">
    <top-bar></top-bar>
    <keep-alive>
      <router-view/>
    </keep-alive>
    <music-player></music-player>
  </div>
</template>

<script>
import TopBar from 'components/top-tabbar.vue'

import MusicPlayer from "./components/music-kernel/music-play"

export default {
  data () {
    return {
    };
  },
  components: {
    TopBar,
    MusicPlayer
  },

  computed: {},

  methods: {}
}

</script>
<style>
  .mtraf{
    transition: transform 200;
  }
  .mtb{
    background: var(--color-background) !important;
  }
  .mttc{
     color: var(--color-theme);
  }
  
  .mfc {
    color: var(--color-theme) !important;
  }
  .mdf {
    display: flex;
    justify-content: center;
    align-items: center;
  } 
  .mw100{
    width: 100%;
  }
  .mf {
    display: flex;
  }
  
  .mf1{
    flex: 1 0;
  }

  .mf10{
    flex: 1 0;
  }

  .m-3e {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }
</style>